<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>
		<ul>
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ul>
		<ol>
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ol>
		<ol start="50">
			<li>Coffee</li>
			<li>Tea</li>
			<li>Milk</li>
		</ol>
		<br />
		<br />

		<h4>Numbered list:</h4>
		<ol>
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ol>
		<h4>Letters list:</h4>
		<ol type="A">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ol>
		<h4>Lowercase letters list:</h4>
		<ol type="a">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ol>
		<h4>Roman numbers list:</h4>
		<ol type="I">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ol>
		<h4>Lowercase Roman numbers list:</h4>
		<ol type="i">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ol>
		<br />
		<br />

		<p><b>Note:</b> The type attribute of the ul tag is deprecated in HTML 4, and is not supported in HTML5. Therefore we have used the style attribute and the CSS list-style-type property, to define different types of unordered lists below:</p>
		<h4>Disc bullets list:</h4>
		<ul style="list-style-type:disc">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ul>
		<h4>Circle bullets list:</h4>
		<ul style="list-style-type:circle">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ul>
		<h4>Square bullets list:</h4>
		<ul style="list-style-type:square">
			<li>Apples</li>
			<li>Bananas</li>
			<li>Lemons</li>
			<li>Oranges</li>
		</ul>
		<br />
		<br />

		<h4>A list inside a list:</h4>
		<ul>
			<li>Coffee</li>
			<li>Tea
				<ul>
					<li>Black tea</li>
					<li>Green tea</li>
				</ul>
			</li>
			<li>Milk</li>
		</ul>
		<br />
		<br />

		<h4>Lists inside a list:</h4>
		<ul>
			<li>Coffee</li>
			<li>Tea
				<ul>
					<li>Black tea</li>
					<li>Green tea
						<ul>
							<li>China</li>
							<li>Africa</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>Milk</li>
		</ul>
		<br />
		<br />

		<h4>A Definition List:</h4>
		<dl>
			<dt>Coffee</dt>
			<dd>- black hot drink</dd>
			<dt>Milk</dt>
			<dd>- white cold drink</dd>
		</dl>
		<br />
		<br />
	</body>

</html>